<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/fontello-embedded.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

<div class="inner-box flex">
    <div class="inner-left">
        <span class="title">PRIME-SUITE</span>
        <div class="nav-list">
            <ul >
                <li class="nav-first">

                    <a href="javascript:;">
                        <i class="demo-icon icon-laptop"></i>
                        内容监测
                        <i class="demo-icon icon-left-dir arrow-rotate"></i>
                    </a>
                    <div class="nav-second">
                        <ul>
                            <li >
                                <a href="hangyegailan.html" class="nav-second-active">
                                    <i class="demo-icon icon-angle-right"></i>
                                    行业概览
                                </a>
                            </li>
                            <li>
                                <a href="yingxiaozhanyi.html" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    营销战役
                                </a>
                            </li>
                            <li>
                                <a href="weijiyujing.html" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    危机预警
                                </a>
                            </li>
                            <li>
                                <a href="baogaozhongxin.html" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    报告中心
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-first">
                    <a href="javascript:;">
                        <i class="demo-icon icon-tags"></i>
                        账号监测
                        <i class="demo-icon icon-left-dir"></i>
                    </a>
                    <div class="nav-second">
                        <ul>
                            <li>
                                <a href="zhanghaoliebiao.html" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    账号列表
                                </a>
                            </li>
                            <li>
                                <a href="zhanghaofenxi.html" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    账号分析
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-first nav-first-active">
                    <a href="javascript:;">
                        <i class="demo-icon  icon-cog"></i>
                        系统设置
                        <i class="demo-icon  icon-left-dir"></i>
                    </a>

                    <div class="nav-second" style="display: block">
                        <ul>
                            <li>
                                <a href="chuangjianmianban.html" class="nav-second-active">
                                    <i class="demo-icon icon-angle-right"></i>
                                    创建面板
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    监测配置
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    账号授权
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="nav-second-normal">
                                    <i class="demo-icon icon-angle-right"></i>
                                    文本分析
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <!-- mini bar -->
    <div class="mini-bar" style="display: none;">
        <p>
            <i class="demo-icon icon-menu"></i>
        </p>
        <ul>
            <li class="nav-first-active">
                <a href="javascript:;">
                    <i class="demo-icon icon-laptop"></i>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="demo-icon icon-tags"></i>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="demo-icon  icon-cog"></i>
                </a>
            </li>

        </ul>
    </div>


    <div class="inner-right">
        <div class="inner-nav">
            <a href="javascript:;" class="list-item">
                欢迎你 tingting
                <i class="demo-icon  icon-logout"></i>
            </a>
            <a href="javascript:;" class="list-item">切换账户</a>
            <a href="javascript:;" class="list-item">切换面板</a>
            <a href="javascript:;" class="list-item">切换项目</a>
            <a href="javascript:;" class="list-item">切换语言</a>
            <a id="home" href="javascript:;" class="last-item">
                <i class="demo-icon icon-menu"></i>
            </a>
        </div>

        <!--主体-->
        <div class="content-body">
            <div class="hot-post">
                <p>配置数据源</p>
                <span>
                    数据面板名称：<input type="text" class="input-default">
                </span>
                <span>
                    所属行业：
                    <select class="select-default" name="" id="">
                        <option value="">porsche汽车行业</option>
                    </select>
                </span>
                <div class="charts-container">
                    <span class="jc-title">选择监测列表：</span>
                    <table class="tb-defalut tb-10">
                        <thead>
                        <tr>
                            <th class="tb-opt">
                                全选
                            </th>
                            <th>编号</th>
                            <th>监测名称</th>
                            <th>监测类型</th>
                            <th>创建时间</th>
                            <th>媒体类型</th>
                            <th>所属数据面板</th>
                            <th>数据量</th>
                            <th>创建人</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="jc-chk">
                                <input  type="checkbox" >
                            </td>
                            <td>1</td>
                            <td class="jc-name">CEO</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>2</td>
                            <td class="jc-name">无所不能</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>3</td>
                            <td class="jc-name">财经杂志</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>4</td>
                            <td class="jc-name">21世纪经济报道</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>5</td>
                            <td class="jc-name">第一财经</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>6</td>
                            <td class="jc-name">界面</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>7</td>
                            <td class="jc-name">澎湃新闻</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>8</td>
                            <td class="jc-name">北京车展</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>9</td>
                            <td class="jc-name">新男人装</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="jc-chk">
                                <input type="checkbox" >
                            </td>
                            <td>10</td>
                            <td class="jc-name">新京报</td>
                            <td>1</td>
                            <td>10</td>
                            <td>1</td>
                            <td>1</td>
                            <td>10</td>
                            <td>10</td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="page text-align">
                        <button class="btn btn-left page-normal">
                            <i class="demo-icon icon-angle-left"></i>
                        </button>
                        <button class="btn page-active page-normal">1</button>
                        <button class="btn page-normal">2</button>
                        <button class="btn page-normal">3</button>
                        <button class="btn page-normal">4</button>
                        <button class="btn btn-right page-normal">
                            <i class="demo-icon icon-angle-right"></i>
                        </button>
                    </div>
                </div>
            </div>


            <div id="" class="hot-post">
                <p>已选监测列表</p>
                <div id="listItem">

                </div>
            </div>

        </div>

    </div>
</div>

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/nav.js"> </script>


</body>
</html>